<template>
  <div class="not-found">
    <div class="hero">
      Not Found
    </div>
    <div>
      This is not the page you are looking for.
      <router-link :to="{ name: 'index' }">Return home</router-link>
    </div>
  </div>
</template>

<style scoped>
.not-found {
  margin-top: 84px;
  text-align: center;
}
.not-found .hero {
  font-size: 2.5em;
  color: #666;
  margin: 12px;
}
.not-found .banner img {
  max-width: 100%;
  border-radius: 5px;
}
</style>
